﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Register.aspx.cs" Inherits="MyHealthByDesign.Register" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <link href="Styles/style.css" rel="stylesheet" type="text/css" />
    <title>Register</title>
</head>
<body>
    <div id="wrapper">
        <form id="form1" runat="server">
        <div id="header">
            <div id="logo">
                <a href="Default.aspx">
                    <img src="Images/logo.png" alt="My Health By Design Logo" /></a>
            </div>
            <div id="social">
                <ul id="share-icons">
                    <li><a id="facebook-icon" title="Join us on Facebook" href="#"></a></li>
                    <li><a id="twitter-icon" title="Follow us on Twitter" href="#"></a></li>
                </ul>
            </div>
        </div>
        <div id="main-body">
            <div id="nav">
            </div>
            <div class="main-content">
                <h3>
                    Register:</h3>
                <asp:ValidationSummary ID="vsRegister" runat="server" ForeColor="Red" Style="padding-left: 55px;" Font-Italic="True" />
                <ul>
                    <li>
                        <label for="lastname">
                            *Last Name:</label>
                        <asp:TextBox ID="txtLastName" runat="server" />&nbsp;
                        <asp:RequiredFieldValidator ID="rfvLastname" runat="server" ErrorMessage="Last Name is required!"
                            ControlToValidate="txtLastName" Display="None"/>
                    </li>
                    <li>
                        <label for="firstname">
                            *First Name:</label>
                        <asp:TextBox ID="txtFirstname" runat="server" />&nbsp;
                        <asp:RequiredFieldValidator ID="rfvFirstname" runat="server" ControlToValidate="txtFirstname"
                            ErrorMessage="First Name is required!" Display="None"/>
                    </li>                    
                    <li>
                        <label for="birthdate">*BirthDate</label>
                        <asp:DropDownList ID="ddlBirthMonth" TabIndex="6" CssClass="standardField" runat="server" style="height: 30px;">
                            <asp:ListItem Value="month" Selected="true">Month</asp:ListItem>
                        </asp:DropDownList>                        
                        <asp:DropDownList ID="ddlBirthDay" TabIndex="7" CssClass="standardField" runat="server" style="height: 30px;">
                            <asp:ListItem Value="day" Selected="true"> Day </asp:ListItem>
                        </asp:DropDownList>                        
                        <asp:DropDownList ID="ddlBirthYear" TabIndex="8" CssClass="standardField" runat="server" style="height: 30px;">
                            <asp:ListItem Value="year" Selected="true"> Year </asp:ListItem>
                        </asp:DropDownList>
                    </li>
                    <li><span style="font-weight: bold; padding-left: 95px;">*Sex:</span><br />
                        <asp:RadioButton ID="rdoMale" runat="server" Value="Male" GroupName="Sex" Checked="true"/>Male<br />
                        <asp:RadioButton ID="rdoFemale" runat="server" Value="Female" GroupName="Sex" />Female
                    </li>
                    <li><span style="font-weight: bold; padding-left: 62px;">*Ethnicity:</span><br />
                        <asp:RadioButton ID="rdoCaucasian" runat="server" Value="Caucasian (non-Hispanic)" GroupName="Ethnicity" Checked="true" AutoPostBack="true" oncheckedchanged="Ethnicity_Checked"/>Caucasian (non-Hispanic)<br />
                        <asp:RadioButton ID="rdoAfrican" runat="server" Value="African American (non-Hispanic)" GroupName="Ethnicity" AutoPostBack="true" oncheckedchanged="Ethnicity_Checked"/>African American (non-Hispanic)<br />
                        <asp:RadioButton ID="rdoHispanic" runat="server" Value="Hispanic Latino" GroupName="Ethnicity" AutoPostBack="true" oncheckedchanged="Ethnicity_Checked"/>Hispanic Latino<br />
                        <asp:RadioButton ID="rdoEastern" runat="server" Value="Middle Eastern" GroupName="Ethnicity" AutoPostBack="true" oncheckedchanged="Ethnicity_Checked"/>Middle Eastern<br />
                        <asp:RadioButton ID="rdoNative" runat="server" Value="Native American" GroupName="Ethnicity" AutoPostBack="true" oncheckedchanged="Ethnicity_Checked"/>Native American<br />
                        <asp:RadioButton ID="rdoPacific" runat="server" Value="Pacific Islander" GroupName="Ethnicity" AutoPostBack="true" oncheckedchanged="Ethnicity_Checked"/>Pacific Islander<br />
                        <asp:RadioButton ID="rdoAsian" runat="server" Value="Asian" GroupName="Ethnicity" AutoPostBack="true" oncheckedchanged="Ethnicity_Checked"/>Asian<br />
                        <asp:RadioButton ID="rdoOther" runat="server" Value="Other" GroupName="Ethnicity" AutoPostBack="true" oncheckedchanged="Ethnicity_Checked" />Other - Please specify:&nbsp;
                        <asp:TextBox ID="txtOtherEthnicity" runat="server" Enabled="false"/>                        
                    </li>
                    <li>
                        <label for="address">
                            *Address:</label><br />
                        <br />
                    </li>
                    <li>
                        <label for="city">
                            City:</label>
                        <asp:TextBox ID="txtCity" runat="server"></asp:TextBox>&nbsp;
                        <asp:RequiredFieldValidator ID="rfvCity" runat="server" ControlToValidate="txtCity"
                            ErrorMessage="City is required!" Display="None"/>
                    </li>
                    <li>                       
                        <label for="city">State:</label>
                       <asp:DropDownList ID="ddlState" runat="server" style="height: 30px;">                           
                            <asp:ListItem value="AL" Selected="True">Alabama</asp:ListItem>
                            <asp:ListItem value="AK">Alaska</asp:ListItem>
                            <asp:ListItem value="AZ">Arizona</asp:ListItem>
                            <asp:ListItem value="AR">Arkansas</asp:ListItem>
                            <asp:ListItem value="CA">California</asp:ListItem>
                            <asp:ListItem value="CO">Colorado</asp:ListItem>
                            <asp:ListItem value="CT">Connecticut</asp:ListItem>
                            <asp:ListItem value="DE">Delaware</asp:ListItem>
                            <asp:ListItem value="FL">Florida</asp:ListItem>
                            <asp:ListItem value="GA">Georgia</asp:ListItem>
                            <asp:ListItem value="HI">Hawaii</asp:ListItem>
                            <asp:ListItem value="ID">Idaho</asp:ListItem>
                            <asp:ListItem value="IL">Illinois</asp:ListItem>
                            <asp:ListItem value="IN">Indiana</asp:ListItem>
                            <asp:ListItem value="IA">Iowa</asp:ListItem>
                            <asp:ListItem value="KS">Kansas</asp:ListItem>
                            <asp:ListItem value="KY">Kentucky</asp:ListItem>
                            <asp:ListItem value="LA">Louisiana</asp:ListItem>
                            <asp:ListItem value="ME">Maine</asp:ListItem>
                            <asp:ListItem value="MD">Maryland</asp:ListItem>
                            <asp:ListItem value="MA">Massachusetts</asp:ListItem>
                            <asp:ListItem value="MI">Michigan</asp:ListItem>
                            <asp:ListItem value="MN">Minnesota</asp:ListItem>
                            <asp:ListItem value="MS">Mississippi</asp:ListItem>
                            <asp:ListItem value="MO">Missouri</asp:ListItem>
                            <asp:ListItem value="MT">Montana</asp:ListItem>
                            <asp:ListItem value="NE">Nebraska</asp:ListItem>
                            <asp:ListItem value="NV">Nevada</asp:ListItem>
                            <asp:ListItem value="NH">New Hampshire</asp:ListItem>
                            <asp:ListItem value="NJ">New Jersey</asp:ListItem>
                            <asp:ListItem value="NM">New Mexico</asp:ListItem>
                            <asp:ListItem value="NY">New York</asp:ListItem>
                            <asp:ListItem value="NC">North Carolina</asp:ListItem>
                            <asp:ListItem value="ND">North Dakota</asp:ListItem>
                            <asp:ListItem value="OH">Ohio</asp:ListItem>
                            <asp:ListItem value="OK">Oklahoma</asp:ListItem>
                            <asp:ListItem value="OR">Oregon</asp:ListItem>
                            <asp:ListItem value="PA">Pennsylvania</asp:ListItem>
                            <asp:ListItem value="RI">Rhode Island</asp:ListItem>
                            <asp:ListItem value="SC">South Carolina</asp:ListItem>
                            <asp:ListItem value="SD">South Dakota</asp:ListItem>
                            <asp:ListItem value="TN">Tennessee</asp:ListItem>
                            <asp:ListItem value="TX">Texas</asp:ListItem>
                            <asp:ListItem value="UT">Utah</asp:ListItem>
                            <asp:ListItem value="VT">Vermont</asp:ListItem>
                            <asp:ListItem value="VA">Virginia</asp:ListItem>
                            <asp:ListItem value="WA">Washington</asp:ListItem>
                            <asp:ListItem value="WV">West Virginia</asp:ListItem>
                            <asp:ListItem value="WI">Wisconsin</asp:ListItem>
                            <asp:ListItem value="WY">Wyoming</asp:ListItem>
                        </asp:DropDownList>
                    </li>
                    <div class="clear"></div>
                    <li>
                        <label for="zipCode">
                            ZipCode:</label>
                        <asp:TextBox ID="txtZipCode" runat="server"></asp:TextBox>&nbsp;
                        <asp:RequiredFieldValidator ID="rfvZipCode" runat="server" ControlToValidate="txtZipCode"
                            ErrorMessage="ZipCode is required!" Display="None"/>
                            <br />
                    </li>                    
                </ul>
                <br />
                <br />
                <h2>
                    This information will be used each time you login to My Health by Design:</h2>
                <ul>
                    <li>
                        <label for="email">
                            *Email:</label>
                        <asp:TextBox ID="txtEmail" runat="server"></asp:TextBox>&nbsp;
                        <span style="color: gray; font-size: 12px;">**This is your username</span>
                        <asp:RequiredFieldValidator ID="rfvEmail" runat="server" ControlToValidate="txtEmail"
                            ErrorMessage="Email is required!" Display="None"/>
                    </li>
                    <li>
                        <label for="confirm email">
                            *Confirm Email:</label>
                        <asp:TextBox ID="txtConfirmEmail" runat="server"></asp:TextBox>&nbsp;                        
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtConfirmEmail"
                            ErrorMessage="Confirm Email is required!" Display="None"/><br />
                        <asp:CompareValidator ID="cvEmail" runat="server" ErrorMessage="Email doesn't match!" ControlToCompare="txtEmail" ControlToValidate="txtConfirmEmail" Display="None" />
                    </li>
                    <li>
                        <label for="password">
                            *Password:</label>
                        <asp:TextBox ID="txtPassword" TextMode="Password" runat="server" />&nbsp;
                        <asp:RequiredFieldValidator ID="rfvPassword" runat="server" ControlToValidate="txtPassword"
                            ErrorMessage="Password is required!" Display="None"/>
                        <asp:CustomValidator ID="CustomValidator1" runat="server" 
                            ErrorMessage="Password should be minimum 8 characters." 
                            ControlToValidate="txtPassword" Display="None"/>
                    </li>
                    <li><span style="font-weight: bold; margin-left: -8px; padding-right: 7px;">*Confirm Password:</span>
                        <asp:TextBox ID="txtConfirmPassword" TextMode="Password" runat="server" />&nbsp;
                        <asp:RequiredFieldValidator ID="rfvConfirmPassword" runat="server" ControlToValidate="txtConfirmPassword"
                            ErrorMessage="Confirm Password is required!" Display="None"/><br />
                        <asp:CompareValidator ID="cvPassword" runat="server" ErrorMessage="Passwords doesn't match." ControlToCompare="txtPassword" ControlToValidate="txtConfirmPassword" Display="None" />
                    </li>
                    <li>
                        <label for="mobile">
                            Mobile Phone:</label>
                        <asp:TextBox ID="txtMobile" runat="server"/>&nbsp;
                        <span style="color: gray; font-size: 12px;">**123-456-4567</span>
                        <asp:RegularExpressionValidator ID="rfvPhone" runat="server" ErrorMessage="Enter a valid phone number." Display="None" ValidationExpression="^(\(?\s*\d{3}\s*[\)\-\.]?\s*)?[2-9]\d{2}\s*[\-\.]\s*\d{4}$" ControlToValidate="txtMobile" />
                    </li>
                    <li>
                        <asp:CheckBox ID="chkBxText" runat="server"/>I would like to receive texts.<br />
                    </li>                    
                </ul>
                <br />
                <br />
                <span style="padding-left: 148px">
                    <asp:Button ID="btnSubmit" runat="server" Text="Submit" 
                    CssClass="awesomebtn green" onclick="btnSubmit_Click"/>                    
                </span>
                <br />
                <span style="color: gray; font-size: 12px;">*Required Field</span>
            </div>
        </div>
        <div>
            <a href="#" title="About Us">About Us</a>&nbsp;/&nbsp; <a href="#" title="Contact Us">
                Contact Us</a>&nbsp;/&nbsp; <a href="#" title="Jobs">Jobs</a> <span style="float: right;">
                    &copy;2011&nbsp;<a href="#">Carroll University.</a>&nbsp;All Rights Reserved.</span>
        </div>
        </form>
    </div>
</body>
</html>
